﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="AI_HrnPayrolCodeBehind.ContactUs,AI_HrnPayrolCodeBehind" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
     <%@ Register TagPrefix="cc" Namespace="Winthusiasm.HtmlEditor" Assembly="Winthusiasm.HtmlEditor" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta charset="UTF-8">
        <title>Abalone IT Solutions</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <style type="text/css">
        
        .button { font-family: Verdana; font-size: 8pt; width: 100px; height: 30px; }
        .previewButton { margin-left: 10px; margin-right: 10px; margin-top: 3px; width: 75px; height: 28px; }
        .radiobuttonList label { margin-right: 5px; }
        .preview { width: 578px; padding: 10px; }
        div#Content { width: 780px; }
        table#DemoTable { width: 780px; }
        td#EditorCell { width: 600px; vertical-align: top; }
        td#OptionsCell { width: 180px; vertical-align: top; }
        div#Options { width: 150px; margin-left: 5px; }
        div#DemoControls { width: 600px; height: 25px; line-height: 25px; text-align: center; }
        div#Preview { width: 598px; border: solid 1px gray; margin-top: 25px; }
        div#PreviewControls { height: 35px; line-height: 35px; text-align: left; border-bottom: solid 1px gray; }
        div.demoHeading { height: 25px; line-height: 25px; color: black; font-weight: bold; border-bottom: solid 1px gray; text-align: center; }
        div.optionsHeading { font-size: 10pt; border: none; text-align: left; margin-left: 10px; }
        div.optionsLabel { margin: 10px; font-weight: bold; }
        div.optionControls { margin-left: 10px; }
        div#Footer { margin-top: 10px; color: #7f9db9; font-size: 7pt; }
        div#Footer { margin-top: 10px; color: black; font-size: 7pt; }
        a:link.poweredby, a:visited.poweredby, a:active.poweredby { color: black; text-decoration: none; }
        a:hover.poweredby { text-decoration: underline; }
    </style>
</head>
<body class="skin-blue">
<form id="id" runat="server">

 <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

	   <header class="header">

     
            
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                 
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <div class="navbar-left">
                 <img src="Images/Web logo.png" alt="" title="" border="0" />
               
                </div> 
                <div class="navbar-right">              
               
                <br />
               
            


                 
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" >
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                           
                        </div>
                        <div class="pull-left info">
                          
                        </div>
                    </div>
                  
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                   
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Abalone HMIS
                       
                    </h1>
                    <ol class="breadcrumb">

                    

                        
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
         <asp:UpdatePanel ID="upMain" runat="server">
                                    <ContentTemplate>
        <div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">
                    Contact Us:</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive">

            <asp:PlaceHolder ID="plHolderMessage" runat="server"></asp:PlaceHolder>
    <table  class="table table-bordered table-hover">
    
     <tr >
                            <td colspan="2"  >
                            <div  style="float:right;" >
                            <asp:LinkButton ID="lnkLogOn" runat="server" onclick="lnkLogOn_Click">Return</asp:LinkButton>
                            </div>
                            </td>
                            </tr>
                            <tr>

     <tr>
    <th>
    Name:
    </th>
    <td>
    <asp:TextBox ID="txtName" runat="server" size="30"></asp:TextBox>
    </td>
    
    </tr>


    <tr>
    <th>
    Email Id :
    </th>
    <td>
    <asp:TextBox ID="txtEmail" runat="server" size="30"></asp:TextBox>
    </td>
    
    </tr>



     <tr>
    <th>
    Company:
    </th>
    <td>
    <asp:TextBox ID="txtCompany" runat="server" size="30"></asp:TextBox>
    </td>
    
    </tr>

         <tr>
    <th>
    Your message:
   
    </th>
    <td>
    
    <cc:HtmlEditor ID="txtMessage" runat="server" Height="250px" Width="400px" />
   
    </td>
    
    </tr>
    <tr>
        
    <td colspan="2">
    <asp:Button ID="btnSubmit"  runat="server" Text="Send Mail" 
            onclick="btnSubmit_Click" />
    </tr>
    
    </table>



     </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
    </div>
</div>

 </ContentTemplate>
                                    
                                </asp:UpdatePanel>
          </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- add new calendar event modal -->


        <!-- add new calendar event modal -->


        <!-- jQuery 2.0.2 -->
        <script src="Scripts/jquery.min.js" type="text/javascript" ></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
       <%-- <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>--%>
        <script src="js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- datepicker -->
        <script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->
        <script src="js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>

        <!-- AdminLTE for demo purposes -->
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>



        <!--end of main content-->
        <div class="footer">
            
            <div class="right_footer">
                © Copyright 2014 Abalone India Pvt Ltd. All Rights Reserved.</div>
        </div>
 
</form> 
</body>
</html>